@charset "utf-8";

.zone {
	padding: 0;
	height: 100vh;
	background-color: #103C63;
}

.main {
	padding: 5px;
}

.tab-option {
	width: 100%;
	height: 30px;
	display: flex;

	align-items: center;
	justify-content: space-between;
}

.team li {
	position: relative;
	width: 33.2%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/task/45.png);
	background-size: 100% 100%;
	padding: 7px 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #14326F, 1px -1px 1px #14326F, -1px 1px 1px #14326F, -1px -1px 1px #14326F;
}

.team .option-active {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/task/23.png);
	color: #F9E458;
}

.team .content {
	display: none;

}

.team .content-show {
	display: block;
	border: 2px solid #779CBD;
	background: #B5DBFF;
	padding: 9px;
	height: calc(100vh - 110px);
	overflow: hidden;
	overflow-y: auto;
}

.list {
	/* border: 2px solid #779CBD;
	background: #B5DBFF;
	padding: 9px;
	height: calc(100vh - 110px);
	overflow: hidden;
	overflow-y: auto; */
	/* padding-bottom: 50px; */
}

.item1 {
	background: #F7EFDE;
	border-radius: 5px;
	border: 1px solid #DDB983;
	/* padding: 5px 4px; */
	margin-bottom: 9px;
}


.item1-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.img1 {
	width: 62px;
}

.img2 {
	width: 70px;
	margin-right: 18px;
}

.img3 {
	width: 27px;
	position: absolute;
	top: 0px;
	right: 2px;
}

.topin1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.topin1 p {
	font-size: 13px;
	color: #6F2D17;
	line-height: 22px;
	margin-bottom: 10px;
}

.topin1 span {
	font-size: 13px;
	color: #FF0000;
	line-height: 22px;

}

.thingbg {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/mine/di.png);
	background-size: 100% 100%;
	margin: 15px 5% 0;
	position: relative;
	padding: 8% 0 3%;
}

.thingbg .thingsuo1 {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
}

.thingbg .thingsuo2 {
	position: absolute;
	left: calc(50% - 26px);
	width: 52px;
	top: calc(50% - 34px);
}

.thingbg img {
	width: 80%;
	display: block;
	margin: 0 auto;
}

.thingbg p {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.thingbg p span {
	color: #60F625;
}

.yuji {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 25px;
	font-weight: 400;
	color: #6F2D17;
}

.btnBox2 {
	position: fixed;
	bottom: 20px;
	width: calc(100% - 50px);
}

.btnBox,
.tab-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5%;
	margin-top: 20px;
}

.btnBox button:first-child,
.tab-title button:first-child {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn7.png);
}

.btnBox button:last-child,
.tab-title button:last-child {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn5.png);
}

.btnBox button,
.tab-title button {
	width: 47%;
	height: 48px;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 40px;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.btnBox button img,
.tab-title button img {
	width: 27px;
	margin-right: 5px;
}

.btm {
	background: #CAB799;
	box-shadow: 0px 1px 0px 0px #082842, 0px 0px 2px 0px rgba(133, 116, 88, 0.95);
	border-radius: 5px;
	padding: 13px;
	margin: 25px 5px 5px;
}

.btmin {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/mine/huang.png);
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 22px 20px;
}

.btmLeft {
	display: flex;
	flex-direction: column;
}

.btm1 {
	display: flex;
	align-items: center;
}

.btm1 p {
	font-size: 12px;
	color: #754C1C;
}

.btm1 span {
	font-size: 12px;
	color: #F52420;
}

.btm1 button {
	width: 46px;
	height: 25px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn4.png);
	background-size: 100% 100%;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	margin-left: 8px;
	text-shadow: 1px 1px 1px #550D06, 1px -1px 1px #550D06, -1px 1px 1px #550D06, -1px -1px 1px #550D06;
}

.btmin img {
	width: 30%;
}

.btm2 {
	margin-bottom: 15px;
}

.btn3 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn6.png) !important;
}

.myhave {
	text-align: center;
	font-size: 15px;
	color: #314973;
	margin: 10px 0 5px;
}

.progress {
	position: relative;
	width: 70%;
	height: 15px;
	background: #4A6D9C;
	border: 1px solid #395D8C;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35), 0px 2px 2px 0px #395D8C;
	border-radius: 7px;
	margin: 0 auto 25px;
	text-align: center;
	font-size: 13px;
	color: #63F331;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.progress_sapn {
	position: absolute;
	z-index: 1;
	left: 50%;
}

/* 
.progress::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 82px;
	height: 15px;
	background: linear-gradient(0deg, #F79E08 0%, #F7C718 43%, #FFEFAD 66%, #FFFBE7 100%);
	box-shadow: 0px 1px 0px 0px #FFFFFF;
	border-radius: 7px;
} */
.progress .hezi {

	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 15px;
	background: linear-gradient(0deg, #F79E08 0%, #F7C718 43%, #FFEFAD 66%, #FFFBE7 100%);
	box-shadow: 0px 1px 0px 0px #FFFFFF;
	border-radius: 7px;
}

.btnBox1 {
	justify-content: center !important;
}

.yuji2 {
	margin: 20px 0 -10px !important;
}

.btnBox1 button {
	text-shadow: 1px 1px 1px #550D06, 1px -1px 1px #550D06, -1px 1px 1px #550D06, -1px -1px 1px #550D06 !important;
}

/* 高级原石商店兑换 */
.modal-exchange {
	/* display: block; */
}



.exchange {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	padding: 6px;
	margin-bottom: 8px;

}

.exchange img {
	width: 51px;
}

.exchange p {
	background: #EDCEAE;
	border-radius: 3px;
	font-size: 16px;
	color: #5A4531;
	padding: 4px 10px;
	line-height: 16px;
	text-align: center;
}

.exchange p span {
	font-size: 11px;
}

.exchange span {
	font-size: 16px;
	color: #BD5D21;
	line-height: 23px;
}

.exchange button {
	width: 62px;
	height: 32px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.exnum {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	color: #5A4531;
	line-height: 16px;
	margin-top: 10px;
}

.tab-content .old-item,
.tab-content .zhong-item,
.tab-content .gao-item {
	display: none;
}

.tab-content .equipment .active {
	display: block !important;
}

.time-item .tab-title button {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn6.png);
}

.time-item .tab-title .active {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn7.png);
}

.cutTop {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 25px;
}

.cutTop button {
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
	width: 70px;
	height: 38px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
}

.cutTop img {
	width: 27px;
}

.cutCenter img {
	width: 50%;
	display: block;
	margin: 0 auto;
}

.cutCenter {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/mine/green.png);
	background-size: 100% 100%;
	margin: 0 20px;
	padding: 8% 0;
}

.cutCenterPurple {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/mine/purple.png) !important;
}

.cutCenterOrange {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/mine/orange.png) !important;
}

.cutbtn {
	display: block;
	margin: 27px auto 23px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn8.png);
	background-size: 100% 100%;
	width: 141px;
	height: 45px;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.cutbtm {
	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
	margin: 0 20px 20px;
}

.cutbtmtop {
	background: linear-gradient(0deg, #426994 0%, #6B9ACE 100%);
	box-shadow: 0px -1px 1px 0px #244C81;
	border-radius: 3px;
	padding: 6px 0;
	font-size: 15px;
	text-align: center;
	color: #87EAFF;
	line-height: 20px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.cutbtm2 {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cutbtm3 {
	display: flex;
	align-items: center;
}

.cutbtm2 img {
	width: 16px;
}

.cutbtm2 span {
	font-size: 16px;
	color: #103C63;
	line-height: 22px;
}

.fontred {
	color: #F52420 !important;
}

.fontgreen {
	color: #14DF0F !important;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}

.cuthave {
	background: #B5DBFF;
	border: 1px solid;
	border-image: linear-gradient(0deg, #2C5888, #588CD0) 1 1;
	border-radius: 3px;
	padding: 5px 0;
	margin: 0 12% 20px;
}

.haveList {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 10px;
	font-size: 16px;
	color: #103C63;
}

.haveList p {
	color: #F00303;
	font-size: 20px;
	font-weight: 600;
}

.havekuang {
	position: relative;
	margin-right: 5%;
	display: flex;
	align-items: center;
}

.havekuangimg1 {
	width: 30px;
	margin-right: 5px;
}

.havekuangimg2 {
	width: 31px;
	position: absolute;
	left: 0;
	top: 0;
}

/* 切割记录 */
.modal-record {
	/* display: block; */
}

.navBox {
	line-height: 0;
	position: relative;
}

.navBox::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 26px;
	background: linear-gradient(180deg, rgba(81, 131, 195, 0) 0%, #6391CD 100%);
	border-radius: 0px 0px 7px 7px;
	z-index: 9999;
}

.navtit {
	display: flex;
	align-items: center;
	background-color: #6391CD;
	padding: 6px 0;
}

.navtit span {
	display: block;
	width: 50%;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
}

.navcont {
	height: 302px;
	overflow-y: auto;
	background: #B5DBFF;
	border-radius: 0px 0px 7px 7px;
	border: 1px solid #5385C7;
	padding-bottom: 20px;
}

.navlist {
	margin: 0 5px;
	padding: 13px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #5083C3;
}

.navlist p {
	width: 30%;
	text-align: center;
	font-size: 13px;
	color: #314973;
	line-height: 14px;
}

.navlist span {
	display: block;
	width: 50%;
	text-align: center;
	font-size: 14px;
	color: #314973;
	line-height: 16px;
}

.navlist div {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navlist div img {
	width: 16px;
	margin-right: 5px;
	float: left;
}

.navlist div span {
	float: left;
	display: flex;
	font-size: 12px;
	color: #F00303;
	line-height: 20px;
}

.img_box {
	/* margin-top: 30%;
	margin-left: 50%;
	transform: translate(-50%, -50%); */
	margin-top: 20px;
}

.img_bg {
	width: 245px;
	height: 180px;
	margin-left: 50%;
	transform: translateX(-50%);
}

/* 切割 */
.modal-cut {
	/* display: block; */
}

.modal-cut2 {
	/* display: block; */
}

/* 
.team .more {
	padding: 16px 0;
}
.team .content-empty {
	margin-top: 32px;
	padding-bottom: 16px;
	text-align: center;
}
.team .content-empty img {
	width: 141px;
}
.team .content-empty p {
	color: #F0F0F0;
	font-size: 14px;
} */

.is_cut {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #D6B68C;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF;
	border-radius: 5px;
	padding: 5px 0;
}

.is_cut p {
	font-size: 14px;
	color: #5A4531;
	line-height: 19px;
}

.is_cut img {
	width: 16px;
	margin: 0 3px;
}

.is_cut span {
	color: #FF0000;
}

.havep,
.havepice p {
	text-align: center;
	font-size: 13px;
	color: #896541;
	line-height: 20px;
}

.havep {
	margin: 15px 0 10px;
}

.havepice {
	text-align: center;
	/* display: flex; */
	align-items: center;
	justify-content: center;

}

.havepice button {
	width: 65px;
	height: 31px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn4.png);
	background-size: 100% 100%;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	margin-left: 10px;
	margin: 0 auto;
	text-shadow: 1px 1px 1px #550D06, 1px -1px 1px #550D06, -1px 1px 1px #550D06, -1px -1px 1px #550D06;
}

.cut_confirm {
	width: 100px !important;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: 20px auto 0;
	font-size: 12px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn2.png);
	background-size: 100% 100%;
}

.cut_confirm2 {
	/* margin-top: 5px; */
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn5.png);
}

.color1 {
	color: #ff0000;
}

.color2 {
	color: #14DF0F;

}

.cut_confirm3 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn9.png);
}

.shiyong {
	display: flex;
	align-items: center;
	margin-top: 5px;
	justify-content: center;
}

.shiyong img {
	width: 16px;
}

.shiyong span {
	font-size: 10px;
	color: #FFFFFF;
}

.btmBoxIn {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btmBoxIn button {
	margin: 0 !important;
}

.btmBox {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.chengg {
	position: absolute;
	top: 5px;
	right: 20px;
}

.btnbox2 {
	display: flex;
	align-items: center;
}

/* !-------------------------------第一个----------------------------- */
.top_bg {
	position: relative;
	height: 409px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/bj.png') no-repeat;
	background-size: 100% 100%;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.top_bg .top_ti {
	position: relative;
	width: 100%;
	height: 26px;
	background: rgba(0, 0, 0, 0.35);
	border-radius: 5px 5px 0 0;
	display: flex;
	align-items: center;
	padding: 0 10px;
	box-sizing: border-box;
}

.top_bg .top_ti img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.top_bg .top_ti .tit {
	font-size: 13px;
	font-family: FZY3JW--GB1-0, FZY3JW--GB1;
	font-weight: normal;
	color: #FFFFFF;
}

.top_bg .left_icon {
	width: 50px;
	position: absolute;
	top: 40px;
	left: 10px;
}

.top_bg .left_icon img {
	width: 50px;
	height: 45px;
	margin-bottom: 5px;
}

.top_bg .center_img {
	width: 153px;
	height: 183px;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top_bg .center_img .img {
	width: 153px;
	height: 183px;
}

.top_bg .yibiaopan {
	position: absolute;
	width: 221px;
	height: 125px;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/zhuan\ pan.png') no-repeat;
	background-size: 100%;
}

.top_bg .yibiaopan .dian_left {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #ff0000;
}

.top_bg .zhunliun_fer {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.top_bg .zhunliun {
	position: relative;
	width: 46px;
	height: 91px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/zhi\ zhen.png') no-repeat;
	background-size: 100%;
	transform: rotate(-80deg);
	transform-origin: center bottom;


}

.top_bg .zhunliun .dian {
	width: 2px;
	height: 2px;
	background-color: #ff0000;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}

.top_bg .zhunliun .dian_bot {
	width: 2px;
	height: 2px;
	background-color: #ff0000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}

/* !打开旋转 */
.dakai {
	animation: myfirst .4s linear infinite alternate;
}

/* !关闭旋转 */
.gunabi {
	animation-play-state: paused;
}

@keyframes myfirst {
	from {
		transform: rotate(-90deg);
	}

	to {
		transform: rotate(90deg);
	}
}

.bot_b {
	padding: 20px;
	background-color: #023d6d;
	position: relative;
}



.top_bg .bgbox {
	position: absolute;
	width: 100%;
	height: 12px;
	bottom: 0;
	left: 0;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/lan2.png') no-repeat;
	background-size: 100%;
}

.bot_b .qiege {
	width: 166px;
	height: 52px;
	line-height: 52px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;

}

.bot_b .box_bom {
	width: 100%;
	padding: 10px 30px;
	background-color: #fff9d9;
	border: 3px solid #faa924;
	border-radius: 10px;
	box-sizing: border-box;
	margin-top: 17px;
}

.btn1 {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn7.png) !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* !添加能量后 */
.modal-neng {
	/* display: block; */
	box-sizing: border-box;
}


.modal-neng .modal-body .ti_tou {
	position: relative;
	height: 40px;
	width: 100%;
	background: linear-gradient(0deg, #27B6F1 0%, #5FE3FF 99%);
	box-shadow: 0px 1px 1px 0px #FFFFFF;
	border-radius: 7px 7px 0 0;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;
}

.modal-neng .modal-body .ti_tou span {
	font-size: 20px;
	font-family: FZY3JW;
	font-weight: 600;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	box-sizing: border-box;
}

.modal-neng .modal-body .ti_tou img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 19px;
	box-sizing: border-box;
	height: 21px;
}

.modal-neng .modal-body .ti_bot {
	height: 200px;
	width: 100%;
	background-color: #12426f;
	border-bottom: 1px solid #b5dbff;
	border-radius: 0 7px 7px;
	box-sizing: border-box;
	padding: 2px 2px 1px 2px;
}

.modal-neng .modal-body .ti_bot .neibu {
	width: 98%;
	margin: 0 auto;
	height: 130px;
	border-radius: 0 0 5px 5px;
	background-color: #f7efde;
	padding: 0 35px;
	box-sizing: border-box;
	padding-top: 30px;
}

.modal-neng .modal-body .ti_bot .neibu .touru {
	color: #5f2a2b;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}

.modal-neng .modal-body .ti_bot .neibu .yongyou {
	font-size: 15px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #5A4531;
	text-align: center;
	margin: 30px;
}

.modal-neng .modal-body .ti_bot .neibu_center .inp {
	width: 98px;
	height: 30px;
	background-color: #4a6d9c;
	text-align: center;
	box-sizing: border-box;
	border-radius: 15px;
	padding: 0;
	margin: 0;
	font-size: 24px;
	font-family: FZY3JW;
	font-weight: normal;
	color: #63F331;
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
	margin-left: 5px;
	margin-right: 5px;
}

.modal-neng .modal-body .ti_bot .neibu_center {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.modal-neng .modal-body .ti_bot .neibu_center img {
	width: 27px;
	height: 27px;
}


.modal-neng .modal-body .ti_bot .btn_que {
	width: 64px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png') no-repeat;
	background-size: 100% 100%;
	font-size: 18px;
	font-family: FZY3JW;
	font-weight: 600;
	box-sizing: border-box;
	color: #FFFFFF;
	-webkit-text-stroke: 0.8px #0C2462;
	text-stroke: 1px #0C2462;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
}


/* !说明 */
.modal-shuomingTit {
	/* display: block; */
}

.shuomingTit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 1px 1px 0px #FFFFFF, 0px -1px 1px 0px #BB8D67;
	border-radius: 3px;
	padding: 6px;
	margin-bottom: 8px;
}

.shuomingTit img {
	width: 51px;
}



.modal-shuomingTit .modal-content {
	background-color: #b5dbff;
}

.modal-shuomingTit span {
	font-size: 16px;
	color: #fff;
	line-height: 23px;
	text-shadow: 0.5px 0.5px 0.5px #112977, 0.5px -0.5px 0.5px #112977, -0.5px 0.5px 0.5px #112977, -0.5px -0.5px 0.5px #112977;
}

.modal-shuomingTit button {
	width: 62px;
	height: 32px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png);
	background-size: 100% 100%;
	font-size: 14px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #0C2462, 1px -1px 1px #0C2462, -1px 1px 1px #0C2462, -1px -1px 1px #0C2462;
}

.coun_p p {
	font-size: 15px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	color: #314973;
	margin: 10px 0;
}


.img_wu {
	position: relative;
}

.img_wu p {
	font-size: 18px;
	position: absolute;
	bottom: -20px;
	color: #5083C3;
	left: 50%;
	transform: translateX(-50%);
}

.img_wu img {
	height: 150px;

}

/* !确认解锁 */
.modal-jiesuo {
	/* display: block; */
	box-sizing: border-box;
}


.modal-jiesuo .modal-body .ti_tou {
	position: relative;
	height: 40px;
	width: 100%;
	background: linear-gradient(0deg, #27B6F1 0%, #5FE3FF 99%);
	box-shadow: 0px 1px 1px 0px #FFFFFF;
	border-radius: 7px 7px 0 0;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;
}

.modal-jiesuo .modal-body .ti_tou span {
	font-size: 20px;
	font-family: FZY3JW;
	font-weight: 600;
	color: #FFFFFF;
	-webkit-text-stroke: 1px #0F4573;
	text-stroke: 1px #0F4573;
	box-sizing: border-box;
}

.modal-jiesuo .modal-body .ti_tou img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 19px;
	box-sizing: border-box;
	height: 21px;
}

.modal-jiesuo .modal-body .ti_bot {
	height: 150px;
	width: 100%;
	background-color: #12426f;
	border-bottom: 1px solid #b5dbff;
	border-radius: 0 7px 7px;
	box-sizing: border-box;
	padding: 2px 2px 1px 2px;
}

.modal-jiesuo .modal-body .ti_bot .sp {
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 50px;
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
}

.modal-jiesuo .modal-body .ti_bot .btn_que {
	width: 64px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png') no-repeat;
	background-size: 100% 100%;
	font-size: 18px;
	font-family: FZY3JW;
	font-weight: 600;
	box-sizing: border-box;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
}


/* !玩法介绍 */
.modal-wanfaJ {
	/* display: block; */
	box-sizing: border-box;
}


.modal-wanfaJ .modal-body .ti_tou {
	position: relative;
	height: 40px;
	width: 100%;
	background: linear-gradient(0deg, #27B6F1 0%, #5FE3FF 99%);
	box-shadow: 0px 1px 1px 0px #FFFFFF;
	border-radius: 7px 7px 0 0;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_tou span {
	font-size: 20px;
	font-family: FZY3JW;
	font-weight: 400;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_tou img {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 19px;
	height: 21px;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_bot {
	/* height: 658px; */
	width: 100%;
	background-color: #12426f;
	border-bottom: 1px solid #b5dbff;
	border-radius: 0 7px 7px;
	padding: 2px 2px 1px 2px;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_bot .head {
	/* height: 600px; */

	overflow-y: auto;
	padding-bottom: 20px;
	box-sizing: border-box;
	padding: 10px 0px;
	padding-bottom: 60px;
}

.modal-wanfaJ .modal-body .ti_bot .neibu {
	width: 100%;
	height: 100%;
	background-color: #b5dbff;
	padding: 0 20px;
	padding-top: 10px;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_bot .neibu p {
	width: 100%;
	line-height: normal;
	/* margin: 40px 0; */
	font-size: 15px;
	font-family: DFPYuanW7-GB;
	font-weight: 400;
	color: #296994;
	margin: 3px 0;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_bot .neibu .tit {
	font-size: 16px;
	text-align: center;
	margin: 10px 0;
	box-sizing: border-box;
}

.modal-wanfaJ .modal-body .ti_bot .neibu .jieshao {
	font-size: 15px;
	font-family: DFPYuanW7-GB;
	font-weight: 400;
	color: #913A00;
	zoom: 0.95;
	text-align: center;
	box-sizing: border-box;
	margin-top: 50px;
}

.modal-wanfaJ .modal-body .ti_bot .btn_que {
	width: 64px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn1.png') no-repeat;
	background-size: 100% 100%;
	font-size: 18px;
	font-family: FZY3JW;
	font-weight: 600;
	color: #FFFFFF;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px #072F5B, 1px -1px 1px #072F5B, -1px 1px 1px #072F5B, -1px -1px 1px #072F5B;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}


/* !奖励 */
.modal-jiangli {
	/* display: block; */
}

.modal-jiangli .counter {
	position: relative;
	height: 450px;
	width: 100%;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/fang_estate/gongxihuode1.png') no-repeat;
	background-size: 100% 100%;
}

.modal-jiangli .counter img {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);
}

.modal-jiangli .counter .money_num {
	font-size: 24px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	top: 63%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
}

.modal-jiangli .counter .queding {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10%;
	width: 85px;
	height: 47px;
	line-height: 45px;
	background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	font-size: 24px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
}


.more {
	padding: 12px 0 20px;
}

.empty {
	display: none;
	text-align: center;
}

.empty p {
	color: #ADA8A0;
	/* line-height: 90vh; */
}




/* !滚动通知 */
/* body {
	margin: 0;
} */

#scroll-box {
	width: 100%;
	height: 22px;
	/* background: red; */
	overflow: hidden;
}

#scroll-box .ul {
	margin: 0;
	width: 100%;
}

#scroll-box .li {
	color: #fff;
	margin: 5px 0;
	/* width: calc(100% - 115px); */
	height: 16px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;

}

#scroll-box2 {
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#scroll-box2 .ul {
	margin: 0;
	width: 100%;
}

#scroll-box2 .li {
	color: #fff;
	margin: 5px 0;
	/* width: 80%; */
	height: 16px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

#scroll-box3 {
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#scroll-box3 .ul {
	margin: 0;
	width: 100%;
}

#scroll-box3 .li {
	color: #fff;
	margin: 5px 0;
	/* width: 80%; */
	height: 16px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.fontred {
	color: #ff0000 !important;
}

.fontgreen {
	color: #2f9f29 !important;
}


.itemred {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/6.png) !important;
	background-size: 100% 100%;
}

.itemgreen {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/2.png) !important;
	background-size: 100% 100%;

}

.itemblue {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/3.png) !important;
	background-size: 100% 100%;
}

.itempurple {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/4.png) !important;
	background-size: 100% 100%;
}

.itemorange {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/bag/5.png) !important;
	background-size: 100% 100%;
}